//获取文章分类的列表
function initArtCateList() {
    $.ajax({
        method: 'GET',
        url: '/my/article/cates',
        success: res => {
            let htmlStr = template('tpl-table', res)
            $('#tbody').html(htmlStr)
        }
    })
}
initArtCateList()

// 为添加类别按钮绑定点击事件
var indexAdd = null


$('#btnAddCate').on('click', function () {
    indexAdd = layer.open({
        type: 1,
        area: ['500px', '250px'],
        title: '添加文章分类',
        content: $('#form-edit').html()
    })
})

// 通过代理的形式，为 form-add 表单绑定 submit 事件 添加
$('body').on('submit', '#form-add', function (e) {
    e.preventDefault()
    $.ajax({
        method: 'POST',
        url: '/my/article/addcates',
        data: $(this).serialize(),
        success: function (res) {
            if (res.status !== 0) {
                return layer.msg('新增分类失败！')
            }
            initArtCateList()
            layer.msg('新增分类成功！')
            // 根据索引，关闭对应的弹出层
            layer.close(indexAdd)
        }
    })
})


var indexEdit = null
var form = layui.form
//删除按钮
$('tbody').on('click', '.btn-delete', function () {
    var id = $(this).attr('data-id')
    //提示用户是否要删除
    layer.confirm('确认删除?', {
        icon: 3,
        title: '提示'
    }, function (index) {
        $.ajax({
            method: 'GET',
            url: '/my/article/deletecate/' + id,
            success: res => {
                if (res.status !== 0) {
                    return layer.msg('删除分类失败！')
                }
                layer.msg('删除分类成功！')
                layer.close(index)
                initArtCateList()
            }
        })
    })
})

//编辑
$('tbody').on('click', '.btn-edit', function () {
    var id = $(this).attr('data-id')
    // console.log(id);
    indexEdit = layer.open({
        type: 1,
        area: ['500px', '250px'],
        title: '添加文章分类',
        content: $('#dialog-edit').html()
    })

    // 发起请求获取对应分类的数据
    $.ajax({
        method: 'GET',
        url: '/my/article/cates/' + id,
        success: function (res) {
            form.val('form-edit', res.data)
        }
    })
})

//通过代理的显示 给修改的表单添加事件委托 submit事件
$('body').on('submit', '#form-edit222', function (e) {
    e.preventDefault()
    $.ajax({
        method: "POST",
        url: '/my/article/updatecate',
        data: $(this).serialize(),
        success: res => {
            const {
                status,
                message
            } = res
            if (status !== 0) return layer.msg(message)
            layer.msg(message)
            layer.close(indexEdit)
            initArtCateList()
        }
    })
})